@media screen and (min-width:1025px){
	.item0{display: none;}
	.fixedImg { background-attachment: fixed;}
	.newIbox dd:hover .item{ background-color: #c9e5d8;}
	.newIbox dd:hover h1,.newIbox dd:hover .morebtn{ color: #068552;}
	.newIbox dd:hover .con{ transform: translateY(-20px); -webkit-transform: translateY(-20px); }
	.newIbox dd:hover .c{ color: #666666;}
	.newIbox dd:hover .morebtn{ border-color: #068552;}
	.newIbox dd:hover .morebtn .ico:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
	.newIbox dd:hover .morebtn .ico i{ background-image: url(../images/more_i2.png);}
	.projectIbox-ico .item:hover { border-color: #fff; background-color: #fff;}
	.projectIbox-ico .item:hover:before{ border-color: rgba(255, 255, 255, 0); transform: scale(1.3); -webkit-transform: scale(1.3);}
	.projectIbox-ico .item:hover .ico .i1{ display: none;}
	.projectIbox-ico .item:hover .ico .i2{ display: block;}
	.projectIbox-ico .item:hover .ico{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
	.md-show .md-modal{ display: none;}
}
@media screen and (min-width:1921px){
		.item0{display: none;}

	.ibox dd.videoIbox,.ibox-two dd.ibox-right{ float: right; width: 720px;}
}

@media screen and (max-width:1600px){
		.item0{display: none;}

	.pinner,.pageinner{ width: 84%;}
	.header{ height: 76px;}
	.top{ padding-top: 14px; height: 62px; }
	.logo a{ height: 60px; padding: 4px 0px;}
	.nav{ font-size: 15px;}
	.nav>li>a{ height: 48px; line-height: 48px; padding-bottom: 14px;}
	.nav>li>a:before{ height: 2px; bottom: 0;}
	.nav .subnav{ top: 62px; width: 150px; margin-left: -75px;}
	.nav .subnav a{ font-size: 13px;}
	.scoll-top .nav .subnav a{ font-size: 13px;}
	.grop-box a{ width: 48px; height: 48px; line-height: 48px;}
	.binbox .t{ font-size: 38px;}
	.binbox .c{ font-size: 50px; }
	.binbox .en{ font-size: 16px;}
	.binbox p.more{ margin-top: 50px;}
	.aboutIbox .con{ margin-top: 10%;}
	.aboutIbox .t{ font-size: 24px;}
	.projectIbox-con{ padding: 140px 8% 348px;}
	.projectIbox-info .num span{ font-size: 140px;}
	.projectIbox-news{ left: 8%; width: 54%;}
	.ibox-left{ width: 54%; padding-left: 8%;}
	.socialIbox-con{ margin-top: 6%;}
	.socialIbox-demo{ margin-top: 35px;}
	.socialIbox-demo .item{ padding-bottom: 40px;}
	.survey-title .year{ font-size: 140px;}
	.survey-title .zh{ font-size: 24px;}
	.survey-plist .num{ font-size: 60px;}
	.pageIbox-con{ padding: 100px 0px 80px;}
	.pbanner-C{ left: 8%;}
	.pageIbox-left{padding-left: 8%; width: 54%;}
	.project-tbox-con .num span{ font-size: 140px;}
	.project-tbox-con .c{ height: 150px;}
	.map{ height: 600px;}
	.contact-list dd{ padding: 30px 5%;}
	.contact-list .ico{ margin-bottom: 15px;}
	.hr-sider .iboxT{ margin-bottom: 30px;}
	.hr-sider{ padding: 80px 0px;}
	.hr-T,.hr-c{ line-height: 40px;}
	.hr-T span,.hr-c span{ height: 40px;}
	.hrC{ padding: 80px 6%; width: 55%;}
	.hr-btn a{ height: 50px;}
}
@media screen and (max-width:1441px){
		.item0{display: none;}

	.inner{ width: 1100px;}
	.pinner,.pageinner{ width: 88%;}
	.binbox .t{ font-size: 30px;}
	.binbox .c{ font-size: 44px; }
	.binbox .en{ font-size: 15px;}
	.redMore{ width: 170px; height: 44px; line-height: 44px;}
	.redMore .txt{ padding-right: 30px;}
	.binbox p.more{ margin-top: 40px;}
	.aboutIbox .con{ margin-top: 8%;}
	.aboutIbox .t{ font-size: 22px;}
	.morebtn{ height: 56px; line-height: 56px;}
	.morebtn .ico{ width: 56px;}
	.projectIbox-con{ padding: 90px 6% 310px;}
	.projectIbox-info .num span{ font-size: 120px;}
	.projectIbox-news{ left: 6%; width: 56%;}
	.projectIbox-news .img{ width: 210px;}
	.projectIbox-news .con{ padding-left: 230px;}
	.projectIbox-news .slick-dots{ left: 258px;}
	.ibox-left{ width: 56%; padding-left: 6%;}
	.socialIbox-demo .img{ width: 300px;}
	.socialIbox-demo .con{ padding-left: 325px;}
	.socialIbox-demo .c{ font-size: 16px; height: 72px;}
	.pbanner-C{ left: 6%;}
	.pbanner-C .c{ font-size: 34px;}
	.surveyPCon{ padding: 110px 0 110px;}
	.survey-plist{ right: 0%;}
	.survey-plist li{ padding: 30px 1%;}
	.survey-plist .num{ font-size: 50px;}
	.survey-plist .num i{ font-size: 30px;}
	.redMore3{ padding: 14px 0px; width: 170px;}
	.pageIbox-left{ padding-left: 6%; width: 56%;}
	.pageIbox-con{ padding: 80px 0px;}
	/*.pagePading{ padding: 80px 0px;}*/
	.new-list .con{ padding-top: 20px;}
	.new-list .time,.new-list .t{ margin-bottom: 10px;}
	.history-nav span{ font-size: 24px;}
	.history-page .t{ font-size: 20px;}
	.infoPage-t .infoInner{ padding: 60px 0px 25px;}
	.infoPage-t .t{ font-size: 22px;}
	.businessPage .t{ font-size: 24px;}
	.project-tbox-con .num span{ font-size: 120px;}
	.staffDemo .t{ font-size: 18px; margin-bottom: 15px;}
	.conceptPage{ padding: 80px 0px 200px;}
	.conceptPage .t{ font-size: 26px;}
	.social-slick .img{ float: none; width: 90%; padding: 5% 5% 0; }
	.social-slick .con{ float: none; width: 90%; padding: 20px 0px;}
	.social-slick .c{ font-size: 14px; height: 50px; overflow: hidden;}
	.social-slick .time .day{ font-size: 28px; padding-right: 24px;}
	.history-con{ padding: 100px 0px;}
	.history-con .iboxT{ margin-bottom: 80px;}
	.history-time{ font-size: 30px;}
	.history-con .t{ font-size: 22px;}
	.history-year .num{ font-size: 70px;}
}
@media screen and (max-width:1260px){
		.item0{display: none;}

	.inner,.pageinner{ width: 88%;}
	.binbox .t{ font-size: 28px;}
	.binbox .c{ font-size: 44px; }
	.binbox .en{ font-size: 14px;}
	.redMore{ width: 160px; height: 40px; line-height: 40px;}
	.redMore .txt{ padding-right: 26px;}
	.binbox p.more{ margin-top: 30px;}
	.aboutIbox .con{ width: 80%;}
	.aboutIbox .t{ font-size: 18px;}
	.newIbox .con{ padding: 40px 10% 35px; }
	.morebtn{ padding-left: 10%;}
	.projectIbox-ico li{ margin-left: 30px;}
	.projectIbox-ico .item{ width: 110px; height: 100px;}
	.socialIbox-demo{ margin-top: 20px;}
	.socialIbox-demo .item{ padding-bottom: 25px;}
	.socialIbox-demo .img{ width: 260px;}
	.socialIbox-demo .con{ padding-left: 285px;}
	.socialIbox-demo .time{ font-size: 16px; margin-bottom: 10px;}
	.socialIbox-demo .time .day{ font-size: 36px;}
	.iboxT3{ padding: 28px 0px 20px;}
	.iboxT3 .zh{ font-size: 20px; padding-right: 10px;}
	.iboxT3 .en{ font-size: 18px;}
	.investorMore{ height: 56px; line-height: 56px; width: 56px;}
	.foot .item1,.foot .item2{ float: none; }
	.foot .item2{ text-align: left; padding-top: 40px;}
	.link-tl,.link-select-box{ float: left;}
	.tel-box{ margin-bottom: 25px;}
	.tel-t{ font-size: 14px;}
	.tel-c{ font-size: 40px;}
	.pbanner-C .c{ font-size: 28px;}
	.history-con{ padding: 80px 0px; width: 70%; margin: 0px 0px 0px 5%;}
	.history-con .iboxT{ margin-bottom: 50px;}
	.history-demo .slick-dots{ display: block !important;}
	.history-year{ bottom: 60px;}
	.speech-t .name{ font-size: 30px; line-height: 1.5;}
	.speech-right{ width: 38%; padding: 35px 6%;}
	.new-list .time,.new-list .t{ margin-bottom: 8px;}
	.noticeList .t{ font-size: 15px; height: 81px; margin-bottom: 6px;}
	.staffDemo .t{ font-size: 16px; margin-bottom: 8px;}
	.conceptPage{ padding: 60px 0px 140px;}
	.conceptPage .t{ font-size: 24px; padding-bottom: 8px;}
}
@media screen and (max-width:1024px){
		.item0{display: none;}

	.inner,.pinner,.pageinner{ width: 90%;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.inner{ width: 90%;}
	.header,.top{ height: 58px; padding: 0;}
	.top .grop-box,.nav{ display: none;}
	.menu-handler{ display: block;}
	.logo a{ height: 50px;}
	.binbox{ height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.binbox .t{ font-size: 24px;}
	.binbox .c{ font-size: 34px; }
	.binbox .bot{ margin: 20px auto 18px;}
	.redMore{ width: 140px; height: 38px; line-height: 38px;}
	.redMore .txt{ padding-right: 24px; background-size: 5px auto;}
	.binbox p.more{ margin-top: 25px;}
	.mouseIcobox{ display: none;}
	.banner .item .pimg{ position: relative; right: auto; top: auto;}
	.emailA .ico{ background-size: 22px auto;}
	.aboutIbox{ width: 55%;}
	.aboutIbox .t{ font-size: 18px;}
	.videoIbox{ width: 45%;} 
	.videoIbox .con{ margin-top: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  }
	.videoIbox .vico{ width: 40px; height: 40px; background-size: cover;}
	.videoIbox .zh{ font-size: 15px;}
	.newIbox dd{ float: none; width: 100%;}
	.newIbox .item{ border-right: 0px none; border-bottom: 1px solid #c0d9ce;}
	.newIbox h1{ white-space:normal;}
	.newIbox .con{ padding: 30px 5% 25px;}
	.morebtn{ padding-left: 5%;}
	.newIbox dd .morebtn{ color: #068552;}
	.newIbox dd .morebtn .ico:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
	.newIbox dd .morebtn .ico i{ background-image: url(../images/more_i2.png); background-size: 14px auto;}
	.projectIbox-con{ padding: 90px 5%;}
	.projectIbox-info,.projectIbox-ico{ float: none; width: auto;}
	.projectIbox-ico{ padding: 80px 0 0;}
	.projectIbox-ico li{ margin: 0px 30px 0px 0px}
	.projectIbox-ico li:last-child{ margin-right: 0;}
	.projectIbox-ico .ico{ width: 50px; height: 50px;}
	.projectIbox-news a:link, .projectIbox-news a:visited { color: #333;}
	.projectIbox-news a:active,.projectIbox-news a:hover { color: #068552;}
	.projectIbox-news{ position: relative; left: auto; bottom: auto; width: auto; background: none #f3f3f3; color: #666; border-bottom: 3px solid #17b1c4;}
	.projectIbox-news .item{ padding:62px 0px;}
	.projectIbox-news .img{ width: 40%; margin: 0px 5% 0px 5%;}
	.projectIbox-news .con{ padding-left: 0; float: left; display: block; width: 45%;}
	.projectIbox-news h2{ color: #333333;}
	.projectIbox-news .slick-dots{ left: 6%; bottom: 72px;}
	.ibox-two dd{ float: none; width: 100%;}
	.ibox-left{ padding-left: 0;}
	.socialIbox-con{ margin: 0 auto; padding: 62px 0px;}
	.socialIbox-demo .img{ width: 330px;}
	.socialIbox-demo .con{ padding-left: 370px;}
	.investorIbox-con{ width: 90%; margin: 0px auto; }
	.investorIbox-con .img{ width: 50%;}
	.investorIbox-con .con{ padding: 0px 5% 0px; width: 40%; height: 100%;}
	.investorIbox-con .c{ height: 100px;}
	.pbanner{ height: auto !important;}
	.pbanner-C{ left: 5%; }
	.pbanner-C .c{ font-size: 24px;}
	.pageNavBox{ height: 40px;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 52px;}
	.pageNavBox a:link, .pageNavBox a:visited { color: #666;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #3c9a75;}
	.cpnavbox a:before{ display: none;}
	.cpnavbox a:last-child:after{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #0b8153; border-left: 0px none; border-bottom: 1px solid #ccc; }
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #0b8153;}
	.cpnavbox a.blackBtn{ display: none;}
	.hlepanv a:last-child{ border-bottom: 0px none;}
	.hlepanv{ border-bottom: 2px solid #ccc;}
	.surveyPCon{ padding:90px 0 100px 0;}
	.survey-title .year{ font-size: 120px;}
	.survey-title .zh{ margin-top: -30px;}
	.survey-plist li{ padding: 20px 1%;}
	.survey-plist .num{ font-size: 40px;}
	.survey-plist .num i{ font-size: 20px;}
	.survey-plist .txt{ font-size: 12px;}
	.survey-plist{ width: 400px;}
	.redMore3{ padding: 10px 0px; width: 160px;}
	.speech-Pbox .img{ margin-top: 100px;}
	.speech-Pbox .redMore3{ margin-right: 30px;}
	.speech-Pbox .t .name{ font-size: 30px;}
	.speech-Pbox .c{ height: 81px; margin-bottom: 7%;}
	.pageIbox-left,.pageIbox-right{ float: none; display: block; width: auto; padding: 0;}
	.pageIbox-con{ width: 90%; margin: 0px auto; padding: 60px 0px;}
	.cultureDemo{ width: auto;}
	.iboxT .zh, .iboxT .en{ font-size: 20px;}
	.honor-box{ padding: 60px 0px 80px;}
	.honor-left{ width: 70%;}
	.honor-left .t{ font-size: 24px; margin-bottom: 10px;}
	.honor-left .c{ margin-bottom: 50px;}
	.social-slick{ padding-bottom: 40px;}
	.social-slick .slick-dots { top: auto; bottom: 0; right: auto; text-align: center;}
	.social-slick .slick-dots li { float: left; margin: 0px 10px 0px 0px;}
	.history-time{ font-size: 25px; margin-bottom: 25px;}
	.history-con{ padding: 60px 0px;}
	.history-con .t{ font-size: 20px;}
	.history-con .c{ margin-bottom: 40px;}
	.history-box{ background-color: rgba(0,0,0,0.4);}
	.history-box .pageIbox-left{ background: none;}
	.history-year-ul{ display: none;}
	.history-demo .redMore:before{ display: none;}
	.pageIbox-img{ position: relative; right: auto; top: auto; width: 100%; height: 250px; background-position: center center; display: none;}
	.pagePading{ padding: 60px 0px;}
	.company-t{ font-size: 20px;}
	.speech-left .con{ padding: 30px 8%;}
	.speech-t{ margin-bottom: 25px;}
	.speech-t .name{ font-size: 24px; border-right: 0px none; margin-right: 0; padding-right: 0; display: block; float: none;}
	.speech-left .list{ padding-top: 15px;}
	.speech-left .list li{ margin-top: 15px; background: none; position: relative;}
	.speech-left .list li:before{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #999; left: 0px; top: 9px;}
	.new-list dd{ padding:0px 40px 0px 310px; height: 177px;}
	.new-list .img{ width: 270px; float: none; position: absolute; left: 0; top: 0;}
	.new-list .con{ float: none; margin-left: 0; width: auto;}
	.new-list .t{ font-size: 16px;}
	.history-nav span{ font-size: 20px;}
	.history-page .t{ margin-bottom: 0px;}
	.history-page .img{ width: 30%;}
	.history-page .con{ width: 65%;}
	.honor-nav{ padding: 60px 0px;}
	.honor-nav a{ width: 140px;}
	.hnr-list{ margin-left: -2%; }
	.hnr-list dd{ width: 31.33%; margin-left: 2%; box-shadow:0 0 5px rgba(0,0,0,0.1);}
	.hnr-list .item{ padding: 16px;}
	.hnr-list .t{ font-size: 14px; height: 50px;}
	.infoInner{ width: 80%;}
	.infoPage-t .infoInner{ padding: 50px 0px 25px;}
	.infoPage-t .t{ font-size: 20px; margin-bottom: 5px;}
	.infoPage-t .time{ font-size: 14px;}
	.infoPage-t .sharpBox{ margin-top: 20px;}
	.businessPage .t{ font-size: 20px;}
	.businessList .ico{ width: 50px; height: 50px;}
	.project-tbox-con .num span{ font-size: 100px;}
	.project-tbox-con .c{ height: auto; margin-bottom: 30px;}
	.project-list{ margin-left: -5%;}
	.project-list dd{ width: 45%; margin-left: 5%; box-shadow:0 0 5px rgba(0,0,0,0.1);}
	.investorBox{ float: none; width: auto; margin:0px 0px 25px; padding: 25px;}
	.investorBox .name,.investorBox .num{ font-size: 24px;}
	.investorBox .line{ margin: 10px 0px;}
	.noticeNav{ margin-bottom: 30px;}
	.noticeNav a{ width: 140px; height: 38px; line-height: 38px; }
	.noticeList { margin-left: 0;}
	.noticeList dd{ float: none; margin:0px 0px 25px 0px; width: auto;}
	.noticeList .num{ padding-top: 12px; height: 76px;}
	.noticeList .ico{ margin-bottom: 6px;}
	.noticeList .t{ height: 54px;}
	.map{ height: 400px;}
	.contact-list{ position: relative; left: auto; bottom: auto;}
	.contact-list .inner{ width: 100%;}
	.contact-list .ico{ width: 40px;}
	.contact-list dd{ min-height: 118px;}
	.conceptPage .iboxT{ margin-bottom: 40px;}
	.hrPage .bgs{ display: none;}
	.hr-sider{ float: none; width: auto; padding: 60px 0px;}
	.hrC{ float: none; width: auto; padding: 60px 6%; display: none;}
	.hr-btn a{ height: 46px; background-size: 20px auto;}
	.hrcon .t{ font-size: 22px; padding-right: 30px;}
	.hr-c:hover,.hr-c.active{ background-color: transparent; color: #333333;}
	.form-box-close{ display: block;}
	.mapIco{ top: 12%; margin-top: 0; width: 120px; margin-left: -60px;}
}

@media screen and (max-width:860px){
	 h4 {
  font-size: 30px;
}

	.item0{display: block;}
	.survey-c img{ max-width: 100%;}
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.binbox{ width: 80%; left: 10%; margin-left: 0;}
	.binbox .t{ font-size: 20px;}
	.binbox .c{ font-size: 30px; }
	.binbox .bot{ margin: 14px auto;}
	.redMore{ width: 100px; height: 34px; line-height: 34px;}
	.redMore .txt{ padding-right: 18px; font-size: 12px;}
	.aboutIbox .t{ font-size: 16px;}
	
	.socialIbox-demo .img{ width: 300px;}
	.socialIbox-demo .con{ padding-left: 330px;}
	.iboxT3 .zh{ font-size: 18px;}
	.iboxT3 .en{ font-size: 14px;}
	.iboxT3{ padding: 25px 0px 18px;}
	.pbanner-C .c{ font-size: 20px;}
	.survey-plist{ position: relative; right: auto; bottom: auto;}
 	.survey-title .year{ font-size: 100px;}
	.structure-pbox .img img{ width: 160%; margin-left: -30%;}
	.speech-Pbox .t .name{ font-size: 28px;}
	.speech-Pbox .pageinner{ width: auto;}
	.speech-Pbox .con{ position: relative; left: auto; top: auto; padding: 60px 35% 100px 5%; width: auto; z-index: 2;}
	.speech-Pbox .c{ height: auto; margin-bottom: 40px;}
	.speech-Pbox .img{ margin-top: 0; position: absolute; right: 0; bottom: 0;}
	.speech-Pbox .t .name{ font-size: 24px;}
	.speech-Pbox .t .name,.speech-Pbox .t .by{ float: none; display: block; max-width: initial;}
	.speech-Pbox .t .by{ border-left: 0px; margin-left: 0; padding-left: 0;}
	.pageIbox-img{ height: 200px;}
	.new-list dd{ padding:0px 30px 0px 262px; height: 152px;}
	.new-list .img{ width: 232px;}
	.new-list .day{ font-size: 20px; background-size: 9px auto; padding-right: 20px;}
	.new-list .t{ font-size: 15px;}
	.new-list .c{ font-size: 12px; height: 44px;}
	.history-nav{ padding-bottom: 0;}
	.history-nav span{ padding: 15px 0px; font-size: 18px;}
	.history-page .t{ padding: 0; margin-bottom: 8px;}
	.hnr-list{ margin-left: -4%; }
	.hnr-list dd{ width: 46%; margin-left: 4%;}
	.hnr-first-list dd:nth-child(3){ display: none;}
	.infoInner{ width: 90%;}
	.noticeNav a{ width: 120px;}
	.map{ height: 300px;}
	.contact-list dd{ min-height: inherit; float: none; width: auto; padding: 20px 5%;}
	.mapIco{ top: 8%;width: 100px; margin-left: -50px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
	.menuBox{ width: 100%;}
	.banner .item .pimg{ width: 150%; margin-left: -25%;}
	.binbox{ width: 90%; left: 5%;}
	.binbox .t{ font-size: 18px; line-height: 1.4;}
	.binbox .c{ font-size: 24px; }
	.binbox .en{ font-size: 13px;}
	.binbox .bot{ margin: 10px auto;}
	.redMore{  border-width: 1px;}
	.redMore .txt{ background-size: 4px auto;}
	.ibox dd{ float: none; width: 100%;}
	.aboutIbox .t{ font-size: 18px;}
	.aboutIbox .con{ padding: 10% 0; width: 90%; margin-top: 0;}
	.iboxT .zh, .iboxT .en{ font-size: 18px;}
	.projectIbox-con{ padding: 60px 0;}
	.projectIbox-info{ width: 90%; margin: 0px auto;}
	.projectIbox-info .c{ margin: 18px 0;}
	.projectIbox-info .num span{ font-size: 100px;}
	.projectIbox-info .by{ font-size: 15px;}
	.projectIbox-ico{ padding: 55px 2.5% 0;}
	.projectIbox-ico li,.projectIbox-ico li:last-child{ float: none; display: inline-block; margin: 0px 2.5%;}
	.projectIbox-ico .item{ width: 90px; height: 80px;}
	.projectIbox-ico .ico{ width: 40px; height: 40px; margin-bottom: 5px;}
	.projectIbox-ico .item:before{ display: none;}
	.projectIbox-news .item{ padding:40px 0px 65px;}
	.projectIbox-news .slick-dots{ bottom: 40px;}
	.socialIbox-demo .img{ width: 240px;}
	.socialIbox-demo .con{ padding-left: 265px;}
	.socialIbox-demo .c{ font-size: 14px; height: 63px; margin-bottom: 15px;}
	.socialIbox-con{ padding: 40px 0px;}
	.investorIbox-con{ width: 100%;}
	.investorIbox-con .img{ width: 100%;}
	.investorIbox-con .con{ width: 90%; height: auto; padding-bottom: 25px;}
	.investorIbox-con .investorMore{ display: none;}
	.investorIbox-con .c{ height: 50px;}
	.iboxT3{ padding: 20px 0px 10px;}
	.foot{ padding: 40px 0px 30px;}
	.tel-box{ margin-bottom: 18px;}
	.tel-t{ font-size: 12px; padding-right: 14px;}
	.tel-c{ font-size: 34px;}
	.fsharp,.fparent{ float: none;}
	.fparent{ margin:12px 0px 0px 0px;}
	.fparent .item{ margin-right: 25px;}
	.smlink{ display: block; margin-left: 0;}
	.pbanner-C .c{ font-size: 18px;}
	.surveyPbox .pageinner{ width: 100%;}
	.surveyPCon{ padding: 60px 5% 80px;}
	.survey-title .year{ font-size: 80px;}
	.survey-title .zh{ font-size: 20px; margin-top: -20px;}
	.survey-c{ width: auto; height: auto; }
	.survey-plist{ width: 100%;}
	.survey-plist li{ padding: 20px 1% 8px; height: 82px;}
	.speech-Pbox .con{ padding:50px 5% 100px;}
	.speech-Pbox .t .name{ font-size: 20px;}
	.redMore3{ border: 1px solid #FFFFFF;}
	.speech-Pbox .redMore3{ width: 120px; padding: 6px 0px; float: none; margin-right: 0;}
	.speech-Pbox .redMore3:last-child{ margin-top: 20px;}
	.speech-Pbox .img{ width: 70%;}
	.pageIbox-con{ padding: 50px 0px;}
	.pageIbox-img{ height: 140px;}
	.social-slick{ margin-top: 35px;}
	.social-slick .item{ margin-right: 0;}
	.history-con .iboxT{ margin-bottom: 25px;}
	.history-time{ font-size: 20px; margin-bottom: 15px; padding-left: 30px;}
	.history-time i{ width: 8px; height: 8px; margin-top: -4px; left: 4px;}
	.history-con{ padding: 25px 0px 60px; width: 90%;}
	.history-con .t{ font-size: 16px;}
	.history-year{ position: relative; right: auto; bottom: auto; padding: 50px 5% 0px;}
	.history-year .num{ font-size: 60px;}
	.history-year .c{ font-size: 14px;}
	.honor-box{ padding: 0;}
	.honor-box .pageinner{ padding: 50px 5%; background-color: rgba(0,0,0,0.5);}
	.honor-left{ width: 100%;}
	.honor-left .title{ margin-bottom: 0;}
	.honor-left .t{ font-size: 18px;}
	.honor-left .c{ margin-bottom: 30px;}
	.honor-left .title{ background-size: cover; width: 100px; height: 46px; margin-bottom: 5px;}
	.honor-left .by{  margin-bottom: 20px; width: 100px;}
	.pagePading{ padding: 40px 0px;}
	.company-t{ font-size: 18px;}
	.speech-left,.speech-right{ float: none; width: auto; font-size: 14px; min-height: inherit;}
	.speech-left .con{ padding: 40px 5%;}
	.speech-right{ padding: 40px 5%;}
	.speech-right .t{ font-size: 24px;}
	.speech-right .con{ margin-top: 30px;}
	.new-list dd{ height: auto; padding: 0; float: left; width: 49%;}
	.new-list dd:nth-child(2n+2){ float: right;}
	.new-list .img{ width: 100%; position: relative; left: auto; top: auto;}
	.new-list .con{ padding: 20px 8%;}
	.new-list .t{ font-size: 14px;}
	.paging{ padding: 5px 0px;}
	.paging .prev, .paging .next{ width: 50px; background-size: 16px auto;}
	.history-nav li{ width: 49%;}
	.history-nav span{ font-size: 14px;}
	.history-page .t{ font-size: 18px;}
	.history-page .img{ float: none; width: auto; margin-bottom: 15px; padding: 18px; background-color: #F3F3F3;}
	.history-page .img img{ width: auto; margin: 0px auto;}
	.history-page .con{ float: none; width: auto; margin-left: 0;}
	.pswp__caption__center{ font-size: 12px; padding: 12px 10px;}
	.honor-nav{ padding: 35px 0px;}
	.honor-nav a{ width: 100px; padding: 4px 0px; margin: 0px 5px;}
	.honorlist dd{ width: 48%;}
	.infoPage-t .infoInner{ padding: 30px 0px 20px;}
	.infoPage-t .t{ font-size: 16px;}
	.infoPage-t .sharpBox{ display: none;}
	.backlist{ height: 36px; line-height: 36px; width: 120px; margin-left: -60px;}
	.previous{ padding: 40px 0px;}
	.previous .previ{ width:90px; height:34px; line-height:34px;}
	.businessList{ padding: 35px 0px 0;}
	.businessList .ico{ width: 40px; height: 40px;}
	.businessList dd,.businessList dd.item3{ float: none; margin: 0px auto 40px; width: 350px;}
	.businessList dd .title{ background-color: #0b8153; color: #fff;}
	.businessList dd .ico .i1{ display: block;}
	.businessList dd .ico .i2{ display: none;}
	.businessList .arrow{ left: 50%; top: 105%; transform: rotate(90deg); -webkit-transform: rotate(90deg); background-size: 15px auto;}
	.project-tbox{ padding: 40px 0px;}
	.project-tbox .img,.project-tbox-con{ float: none; width: auto;}
	.project-tbox-con .iboxT{ margin-bottom: 25px;}
	.project-tbox-con .num span{ font-size: 80px;}
	.project-tbox-con .num i{ font-size: 20px;}
	.project-tbox-con .by{ font-size: 16px;}
	.redMore4{ border:1px solid #1b96b8;}
	.project-list{ margin-left: -2%;}
	.project-list dd{ width: 48%; margin-left: 2%;}
	.project-list .t{ font-size: 16px; height: 24px;}
	.project-list .con{ padding: 20px;}
	.project-list .new-more3{ width: 25px; height: 25px; right: 20px; bottom: 20px;}
	.project-list .new-more3 i{ background-size: 8px auto;}
	.investorBox .name,.investorBox .num{ font-size: 18px;}
	.noticePage{ padding: 40px 0px;}
	.noticeNav a{ width: 90px; margin-right: 5px;}
	.noticeList .item{ padding: 20px 100px 20px 20px;}
	.noticeList .num{ right: 20px; top: 20px; width: 70px; height: 70px;}
	.noticeList .ico{ background-size: cover; height: 30px; width: 25px;}
	.noticeList .t{ height: auto; font-size: 15px; margin-bottom: 8px;}
	.map{ height: 200px;}
	.contact-list .num{ font-size: 16px;}
	.staffDemo .t{ white-space:inherit;}
	.staffDemo .bot{ display: none;}
	.conceptPage{ padding: 0;}
	.conceptPage .pageinner{ padding: 40px 5% 60px; background-color: rgba(0,0,0,0.6);}
	.conceptPage .iboxT{ margin-bottom: 30px;}
	.conceptPage .t{ font-size: 18px; background-size: 60px auto; padding-top: 16px;}
	.conceptPage .t,.conceptPage .c{ width: auto;}
	.hr-sider{ padding: 40px 0px;}
	.hrcon .t{ font-size: 18px;}
	.md-modal .hrcon{ width: 90%;}
	.noPageC{ padding: 80px 0px;}
	.noPageC .t{ margin-bottom: 60px;}
	.noPageC .t img{ width: 240px; margin: 0px auto;}
	.mapIco{ top: 5%;width: 70px; margin-left: -35px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
	.projectIbox-info .num span{ font-size: 80px;}
	.projectIbox-info .num span i{ font-size: 24px;}
	.projectIbox-news .img,.projectIbox-news .con{ float: none; width: 90%; margin: 0px auto;}
	.projectIbox-news .con{ padding: 30px 0px 0;}
	.socialIbox-demo .img{ width: auto; float: none;}
	.socialIbox-demo .con{ padding:30px 0px 0;}
	.socialIbox-demo .c{ height: auto; font-size: 16px;}
	.socialIbox-demo .more{ display: none;}
	.survey-title .year{ font-size: 60px;}
	.speech-Pbox .img{ width: 90%;}
	.new-list dd{ float: none; width: auto;}
	.new-list dd:nth-child(2n+2){ float: none;}
	.new-list .t{ white-space:inherit;}
	.new-list .con{ padding: 20px 5%;}
	.honor-nav a{ width: 90px; padding: 2px 0px; margin: 0px 2px 5px;}
	.hnr-list{ margin-left: 0%; }
	.hnr-list dd{ width: 100%; margin-left: 0%; float: none;}
	.hnr-first-list dd:nth-child(1){ margin-bottom: 20px;}
	.previous .prev i{ margin-right: 5px;}
	.previous .next i{ margin-left: 5px;}
	.previous .previ{ width: 75px; font-size: 12px;}
	.backlist{ width: 90px; margin-left: -45px; font-size: 12px;}
	.project-list{ margin-left: 0%;}
	.project-list dd{ width: 100%; float: none; margin-left: 0%;}
}	
@media screen and (max-width:421px) {
	.pbanner-C .c{ font-size: 16px;}
	.honorlist{ margin-left: 0;}
	.honorlist dd{ width: 100%; margin-left: 0;}
}
@media screen and (max-width: 375px) {
	.vwrap .close{ right: 0; top: -40px;}
	.binbox .t{ font-size: 16px;}
	.binbox .c{ font-size: 20px; }
	.businessList dd,.businessList dd.item3{ width: auto;}
}
@media screen and (max-width: 360px) {
	.aboutIbox .t{ font-size: 16px;}
	.projectIbox-ico li{ margin-right: 0;}
	.projectIbox-ico .item{ width: 80px; height: 70px;}
	.projectIbox-ico .ico{ width: 30px; height: 30px;}
	.honor-nav a{ width: 84px;}
}